
%cashbookground{
    background: #fff;
    border-radius: 20rpx;
}

.cashbook{
    min-height: 100vh;
    background: $my-main-bg;
    &-top{
        background:#fff;
        display: flex;
        justify-content: space-between;
        padding: 15rpx 0;
        .item{
            margin: 0 40rpx;
            font-size: 26rpx;
            color:#000;
        }
        .on{
            background: $my-main-color;
            color:#fff;
            padding: 0 20rpx;
            height:35rpx;
            line-height: 35rpx;
            border-radius: 18rpx;
        }
    } 
    &-content{
        padding: 20rpx;
    }
    .account{
        @extend %cashbookground;
        padding: 40rpx 30rpx;
        display: flex;
        justify-content: space-between;
        .item{
            font-size: 30rpx;
            color:#000;
        }
    }

    &-list{
        padding:0 20rpx;
    }

    .group{
        @extend %cashbookground;
        padding:20rpx 30rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20rpx;
        .item{
            font-size: 24rpx;
          
        }
        .col{
            padding:5rpx 0;
            color:#999;
            .l{
               color:#000;
               display: inline-block;
               width: 120rpx;
               text-align: right;
            }
        }

        .on{
            font-size: 30rpx;
            color:$my-main-color;
        }

        .off{
            font-size: 30rpx;
            color:#000;
        }
    }

    .fixed{
        background:#fff;
        position: fixed;
        left:0;
        right:0;
        bottom:0;
        display: flex;
        justify-content:space-around;
        padding: 20rpx;
        .btn{
            &_01{
                width: 40%;
                height:70rpx;
                background: $my-main-color;
                color:#fff;
                font-size:35rpx;
                border-radius: 35rpx;
                text-align: center;
                line-height: 70rpx;
                border:1px solid $my-main-color;
            
            }
            &_02{
                width: 40%;
                height:70rpx;
                font-size:35rpx;
                border-radius: 35rpx;
                text-align: center;
                line-height: 70rpx;
                border:1px solid #999;
                color:#333;
               
            }
        }

    }
    
}